<template>
  <div
    :class="[quick_func_border_cla, css_color_active]"
    :id="quick_func_border_id + id_split + props.id"
    v-quick_func
  >
    <div
      :class="[
        quick_func_histroy_cla,
        quick_func_uni_items_cla,
        css_wind_light_hover,
        css_color_hot,
      ]"
      :id="quick_func_histroy_id + id_split + props.id"
      title="过往版本"
    >
      过往版本
    </div>
    <div
      :class="[
        quick_func_histroy_cla,
        quick_func_uni_items_cla,
        css_wind_light_hover,
      ]"
      :id="quick_func_histroy_id + id_split + props.id"
      title="历史版本"
    >
      历史版本
    </div>
    <!-- <button @click="click_circle">点我 旋转滚动</button>
    <div :class="['circle_roll']" id="lkjh465">元</div> -->
  </div>
</template>

<script setup>
import { onMounted } from 'vue';

import './quick_func.css';
import { css_wind_light_hover } from '../../../../../DataDefine/sourceData';
import { id_split } from '../../../../DataDefine/sourceData';
import {
  quick_func_border_cla,
  quick_func_border_id,
  quick_func_histroy_cla,
  quick_func_histroy_id,
  quick_func_uni_items_cla,
} from './DataDefine/sourceData';
import { css_color_active, css_color_hot } from '../../../../../../css';

let props = defineProps({
  id: String,
});

// function click_circle() {
//   let circle_roll_dom = document.getElementById('lkjh465');
//   if (circle_roll_dom.getAttribute('active') == null) {
//     circle_roll_dom.setAttribute('active', true);
//   } else {
//     circle_roll_dom.removeAttribute('active');
//   }
// }

onMounted(() => {});
</script>
